jQuery(document).ready(function() {
    class Forma {
        constructor() {
            this.emailrep = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/
            this.userrep = /^[a-z0-9_-]{3,10}$/
            this.passwordrep = /^[a-zA-Z][a-z0-9_-]{6,13}$/
            this.coderep = /^[0-9]{6}$/
        }
        isEmail(value) {
            return this.emailrep.test(value)
        }
        isUser(value) {
            return this.userrep.test(value)
        }
        isPassword(value) {
            return this.passwordrep.test(value)
        }
        isCode(value) {
            return this.coderep.test(value)
        }
    }
    let forma = new Forma();

    $('.page-container form').submit(function() {
        $('#login').html('进入系统')
        var username = $(this).find('.username').val();
        var password = $(this).find('.password').val();
        let a = forma.isEmail(username);
        let b = forma.isPassword(password)
        if (username == '') {

            $(this).find('.error').fadeOut('fast', function() {
                $(this).css('top', '27px');
            });
            $(this).find('.error').fadeIn('fast', function() {
                $(this).parent().find('.username').focus();
            });
            return false;
        }
        if (!a) {
            $('.errorinfo').html('邮箱格式错误！')
            $(this).find('.error').fadeOut('fast', function() {
                $(this).css('top', '27px');
            });
            $(this).find('.error').fadeIn('fast', function() {
                $(this).parent().find('.username').focus();
            });
            return false;
        }
        if (password == '') {
            $('.errorinfo').html('您还没有输入！')
            $(this).find('.error').fadeOut('fast', function() {
                $(this).css('top', '96px');
            });
            $(this).find('.error').fadeIn('fast', function() {
                $(this).parent().find('.password').focus();
            });
            b
            return false;
        }
        if (!b) {
            $(this).find('.error').fadeOut('fast', function() {
                $(this).css('top', '96px');
            });
            $(this).find('.error').fadeIn('fast', function() {
                $(this).parent().find('.password').focus();
            });
            $('.errorinfo').html('密码格式格式错误！')
            return false;
        }
        $('.errorinfo').html('格式正确')
    });

    $('.page-container form .username, .page-container form .password').keyup(function() {
        $(this).parent().find('.error').fadeOut('fast');
    });

});